<script>
$(document).ready(function(){
    $("a#register").click(function(e){
        e.preventDefault(); 
        $("#main_content").load($(this).attr("href"));
    });
});
</script>
<div class="well well-small" id="main_content">
	<div style="width: 550px">
		<form action='../controlleur/login.php' method='POST'>
			<fieldset>
				<legend>Connexion à l'application</legend>
				<br>
				
				<label for="log inputIcon">Identifiant</label>
				<div class="input-prepend">
					<span class="add-on"><i class="icon-user"></i> </span>
					<input name="username" type="text" id="log inputIcon" class="username span4" />
				</div>

				<label for="pwd inputIcon">Mot de passe</label>
				<div class="input-prepend">
					<span class="add-on"><i class="icon-lock"></i> </span>
					<input name="password" type="password" id="pwd inputIcon" class="password span4" />
				</div>
				
				<div class="clear"></div>
				
				<div align="right">
				<input name="rememberme" type="checkbox" id="rememberme" value="forever" />
				&nbsp;Remember me&nbsp;&nbsp;
				<button class="btn btn-primary" type="submit" name="submit">Se connecter</button>
				</div>
				<div class="clear"></div>
				
				<div align="right">
					Mot de passe oublié ?&nbsp; <a href="#">Cliquer ici pour réinitialiser</a>
				</div>
				<div align="right" class="items">
					Nouvel utilisateur ?&nbsp; <a id="register" href="register_page.php">Cliquer ici pour s'enregistrer</a>
				</div>
				
				<div class="clear"></div>
			</fieldset>
		</form>
	</div>
</div>
